import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport, { VantResolve } from 'vite-plugin-style-import';

// 移动端适配
import postCssPxToRem from 'postcss-pxtorem'

// vant配置
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from 'unplugin-vue-components/resolvers';
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      resolves: [VantResolve()],
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: name => `../es/${name}/style`
        }
      ]
    }),

    // vant组件库
		Components({
			resolvers: [VantResolver()],
      libs:[
        {
          libraryName:'vant',
          esModule:true,
          resolveStyle:name=>`../es/${name}/style`
        }
      ]
      })
  ],
  server: {
    port:5173,
    proxy: {
      '/api':{
        target:'http://www.shuiyue.info:15666',
        changeOrigin:true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      }
    }

  },
 
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    // 此代码为适配移动端px2rem
    postcss: {
      plugins: [
         postCssPxToRem({
           rootValue: 37.5, // 1rem的大小
           propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
         }),
      ],
    },
 },

})
